﻿<%@ Page Title="404 Not Found" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true"
    CodeBehind="WarRoom.aspx.cs" Inherits="WarRoom.Web.WarRoom" %>

<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
    <link href="Styles/smoothness/jquery-ui-1.8.17.custom.css" rel="stylesheet" type="text/css" />
    <link href="Styles/chatroom.css" rel="stylesheet" type="text/css" />
    <script src="Scripts/jquery-1.7.1.js" type="text/javascript"></script>
    <script src="Scripts/jquery-ui-1.8.17.custom.min.js" type="text/javascript"></script>
    <script src="Scripts/jquery.titlealert.js" type="text/javascript"></script>
    <script src="Scripts/json2.js" type="text/javascript"></script>
    <script src="Scripts/warroom.chatroom.js" type="text/javascript"></script>
    <script src="Scripts/main.js" type="text/javascript"></script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <%--<div id="test" style="background-color: #666699">
           </div>--%>
    <div id="chatroom" style="width: 500px; height: 600px; opacity: 0;">
        <div id="chatroom-header" class="ui-widget-header" style="width: 488px; height: 35px;
            position: absolute; top: 5px; left: 5px;">
        </div>
        <div id="users" style="width: 100px; height: 548px; position: absolute; left: 5px;
            top: 46px;">
            <%--<h3>
                <a href="#">1st</a></h3>
            <div>
                ABC
            </div>
            <h3>
                <a href="#">2nd</a></h3>
            <div>
                DEF
            </div>--%>
        </div>
        <div id="messages-container" class="ui-widget-content" style="width: 382px; height: 472px;
            position: absolute; right: 5px; top: 46px; overflow: auto;">
            <table id="messages" style="margin: 10px 5px 10px 5px; width: 345px; table-layout: fixed;">
                <%-- <tr>
                    <td class="message-sender">
                        t
                    </td>
                    <td class="message-content">
                        t
                    </td>
                    <td class="message-datetime">
                        t
                    </td>
                </tr>--%>
            </table>
        </div>
        <div id="newMessage-container" class="ui-widget-content" style="width: 382px; height: 68px;
            position: absolute; right: 5px; bottom: 5px;">
            <textarea cols="40" rows="2" id="newMessage" name="newMessage" style="border-style: none;
                width: 378px;"></textarea>
            <%--<a href="#" id="sendMessage">Send</a>--%>
        </div>
    </div>
</asp:Content>
